<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <title>Seach Items</title>
       <style type="text/css">  
         body {font-family: Helvetica, sans-serif}        
       </style>
    </head>
    <xf:model>
        <xf:instance xmlns="">
            <data>
                <q/>
            </data>
        </xf:instance>
       <!-- this puts the input in the search field -->
       <xf:action ev:event="xforms-ready">
            <xf:setfocus control="search-field"/>
        </xf:action>
        <xf:submission id="search" method="get" action="search.xq" replace="all"/>
    </xf:model>
    <body>
        <a href="../index.xhtml">FAQ Home</a> &gt; <a href="../views/list-items.xq">List FAQs</a>
        <br/>
        <br/>
        <xf:input ref="q" id="search-field">
            <xf:label>Search:</xf:label>
           <!-- this makes the return perform a search -->
           <xf:action ev:event="DOMActivate">
                <xf:send submission="search"/>
            </xf:action>
        </xf:input>
        <xf:submit submission="search">
            <xf:label>Search</xf:label>
        </xf:submit>
    </body>
</html>